<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>颜色动画</title>


    <style>
        .test{
            animation:changeFontColor 10s linear 0s infinite;
            font-size:30px;
            font-weight:700;
        }
        @keyframes changeFontColor{
            0%{color:#333;}
            25%{color:#ff0;}
            50%{color:#f60;}
            75%{color:#cf0;}
            100% {color:#f00;}
        }
    </style>
</head>
<body>

<div class="test">这里是内容</div>


</body>
</html>